.banner{
    position: relative;
    overflow: hidden;
    .banner-list {
      position: relative;
      height: 550px;
      transition: all 1000ms ease;
      .item {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: pointer;
        opacity: 0;

        // &:first-child {
        //   opacity: 1;
        // }
        & img {
          position: absolute;
          transform: translate(-50%);
          left: 50%;
          width: 1920px;
          height: 550px;
        }
        
        
      }
      .active {
        opacity: 1;
      
      }
    }

}


  
  